<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏内页</title>
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/count.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="head clear">
            <div class="head_left fl">
                <img src="img/logo1.jpg" alt=""></div>
            <div class="head_right fr">
                <ul>
                    <li><a href="index.html">首页<p>home</p></a></li>
                    <li><a href="list.html">游戏<p>game</p></a></li>
                    <li><a href="count.html">案例<p>cass</p></a></li>
                    <li>关于我们<p>about us</p></li>
                    
                </ul>
            </div>
            <div class="icon_box">
                <i class="iconfont icon-weibo"></i>
            </div>
        </div>
    </header>
    <div class="content">
        <div class="wrap_top clear">
            <div class="yell_box"></div>
            <div class="top_box fr">
                <p>宝石迷阵</p>
                <p>《宝石迷阵》与暴司时候发行的游的的戏《星际争霸》一样，是一款成功的即时战略游戏。 游戏时战略游戏所要素：建设基地和指挥指挥战斗。游戏的操作方式也，秉承了星霸优点，
                    并对星际争霸中一些繁琐的操作进行了简化。</p>
                <div class="btn_box">
                    <div class="th_box">收藏</div>
                    <div class="th_box">制作游戏</div>
                    <div class="th_box">购买</div>
                </div>
            </div>
        </div>
        <div class="wrap_cont clear">
            <div class="wrap_icon fr">
                <div class="icon_menu">
                    <div class="time_b"><i class="iconfont icon-shijian01"></i></div>
                    <p>时间</p>
                    <p>2014-07-09</p>
                </div>
                <div class="icon_menu">
                    <div class="time_b"><i class="iconfont icon-qian"></i></div>
                    <p>价格</p>
                    <p>2333</p>
                    
                </div>
                <div class="icon_menu">
                    <div class="time_b"><i class="iconfont icon-xing"></i></div>
                    <p>使用次数</p>
                    <p>20</p>
                </div>
                <div class="icon_menu">
                    <div class="time_b"><i class="iconfont icon-wenjianjia"></i></div>
                    <p>大小</p>
                    <p>1034KB</p>
                </div>
            </div>
        </div>
        <div class="wrap_bottom">
            <div class="method">
                <p>使用方法</p>
                <p>USE METHODS</p>
                <div class="yell_box2"></div>
            </div>
            <div class="game_box">
                <img src="img/images/game (1).jpg" alt="">
                <i class="iconfont icon-jiantou_xiangyouliangci"></i>
                <img src="img/images/game (2).jpg" alt="">
                <i class="iconfont icon-jiantou_xiangyouliangci"></i>
                <img src="img/images/game (3).jpg" alt="">
            </div>
        </div>
        <div class="phone_img">
            <div class="phone_item">
                <img src="img/phone_in.jpg" alt="">
            </div>
            <div class="dot_box">
                <div class="dot active"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
        </div>
        
    </div>
    <!-- 底部 -->
    <footer>
        <div class="footer clear">
            <p class="foot_text">Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            <img src="img/foot01.png" alt="" class="img_lt fl">
            <img src="img/foot02.png" alt="" class="img_rt fr">
        </div>
    </footer>
</body>
</html>